<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <title>优惠券</title>
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <!--引用jquery-weiui.css-->
    <link rel="stylesheet" href="../lib/js/weui/jquery-weui.css">
    <link rel="stylesheet" href="../lib/css/weui.css">
    <!--引用ydui.css-->
    <link rel="stylesheet" href="../lib/css/ydui.css">
    <!--引入初始化样式-->
    <link rel="stylesheet" href="../lib/css/style-min.css">
    <!--引入YUDI自适应解决方案类库-->
    <script src="../lib/js/flexible/flexible.js"></script>
    <!--引用jquery.js-->
    <script src="../lib/js/jquery/jquery-2.1.4.js"></script>
    <!--引用jquery-weui.js-->
    <script src="../lib/js/weui/jquery-weui.js"></script>
    <!--引用swiper.css-->
    <link rel="stylesheet" href="../lib/js/swiper/swiper-3.3.1.min.css">
    <!--引用swiper.js-->
    <script src="../lib/js/swiper/swiper-3.3.1.min.js"></script>
    <!--引用handlebars-->
    <script src="../lib/js/template/handlebars-v4.0.5.js" type="text/javascript"></script>
    <!-- 引入vue -->
    <script src="../lib/js/vue/vue.js"></script>
    <!-- 引入common -->
    <script src="../lib/js/common/common.js"></script>
    <link rel="stylesheet" href="../css/purse/myCoupons.css">
</head>
<body>
<div class="myCoupons-con" id="app" >
    <div class="code-box">
        <input class="code" type="text" id="code" placeholder="请输入兑换码">
        <button class="btn-ok" onclick="codeOk()">确定</button>
    </div>
    <ul class="myCoupons-rows" style="padding-bottom: 10px;">
        <li class="" v-for="(item,index) in coupons">
            <a href="javascript:;">
                <div class="top">{{item.promotionDetailName}}</div>
                <div class="con">
                    <div class="left">
                        <label>{{item.amount | discount}}</label>
                        <span>{{item.discount| moneyName}}</span>
                        <span class="name">[满{{item.limited|discount}}元使用]</span>
                        <p>有效期至{{item.expirationTime|timeStr}}</p>
                    </div>
                    <div class="right" v-on:click="goPage(item)">
                        <span>立即使用 <img src="../images/pay/jiantou_dizhi@2x.png"></span>
                        <span v-cloak>数量: {{item.promotionNumber}}</span>
                    </div>
                </div>
            </a>
        </li>
    </ul>
</div>
<!--正在加载-->
<div class="weui-infinite-scroll-box">
    <div class="weui-infinite-scroll">
        <div class="infinite-preloader">

        </div>
        <img src="/b2c/images/dongtai.gif" alt="">
        正在加载...
    </div>
</div>
<!--正在加载-->
<script src="../lib/js/ydui.js"></script>
<script src="../js/purse/myCoupons.js"></script>
</body>
</html>